<template>
  <div class="exam-info">
    <div v-for="(exam, index) in examList" :key="index" class="exam-item">
      <div class="exam-title">{{ exam.title }}</div>
      <div class="exam-actions">
        <div type="primary" @click="handleEnterExam(exam)">点击进入考试</div>
        <div @click="handleReenterExam(exam)">重新进入考试</div>
      </div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  examList: {
    type: Array,
    required: true,
    default: () => []
  }
})
</script>

<style lang="scss" scoped>
.exam-info {
  .exam-item {
    margin-bottom: 20px;
    display:flex;
    align-items:center;
    // gap:20px;
    margin:10px 0px;
    // argin-bottom: 12px;
  
  }
  .exam-title {
    color: #333;
    
    font-size: 16px;
    margin-right:20px;
    font-weight:600;
    // m
  }
  .exam-actions{
    display:flex;
    align-items: center;
   div{
    font-family: PingFang SC;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-align: left;
margin-right:20px;
cursor: pointer;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
text-decoration-skip-ink: auto;
color: #126983;
   }
  }
}
</style>